<template>
	<!-- 考研信息 -->
	<view>
		<block v-for="(item,index) in learningList" :key="index">
			<view class="content-view">
				<view class="content-img" :style="{'background-image':`url(${item.logo})`}">
				</view>
				<view class="content-title">
					<text class="conteng-take">{{item.name}}</text>
					<view class="conteng-information">
						<text>{{item.information}}</text>
					</view>
				</view>
			</view>
		</block>
	</view>
</template>

<script>
	export default {
		// 接受参数
		props:{
			learningList:Array
		},
		created(){
			console.log(this.learningList[0].logo)
		}
		
	}
</script>

<style scoped>
	.content-view text{
		display: block;
	}
	.content-view{
		display: flex;
		justify-content: space-between;
		height: 200rpx;
		overflow: hidden;
		border-bottom: 1rpx solid #E4E8EF;
		padding-bottom:5rpx;
		margin: 30rpx 0;
		color: #898989;
	}
	.content-img{
		width: 100%;
		height: 200rpx;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.content-title{
		width: 100%;
		padding-left: 10rpx;
		font-size: 24rpx;
	}
	.conteng-take{
        color: #333333;	
        height: 50rpx;
        font-size: 33rpx;
        font-weight: bold;
        line-height: 50rpx;
	}
</style>
